<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Login Page</title>
<link rel="stylesheet" href="css/main.css" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/jquery.h5validate.js"></script>
<script src="js/formHandler.js"></script>
</head>
<body id="index" class="home">
	<div class="container">
	<header class="banner">
		<div class="banner-line"></div>
		<div class="banner-inner">
			<div class="banner-branding">
				<a class="banner-logo" href="../index.html" rel="home">home</a>
			</div>
			<div class="banner-nav-wrapper">
				<nav class="banner-nav-main">
					<ul>
						<li><a href="admin/candidat.html">Candidat</a></li>
						<li><a href="admin/categorie.html">Catégorie</a></li>
						<li><a href="admin/question.html">Question</a></li>
						<li><a href="admin/reponse.html">Réponse</a></li>
					</ul>
				</nav>
			</div>
			<div class="clr"></div>
		</div>
	</header>
	<!-- /#banner -->
	<aside id="featured" class="body">
		<article>
			<hgroup>
				<h2>Identification</h2>
				<h3>Veuillez vous identifier pour accéder à l'application</h3>
			</hgroup>
		</article>
	</aside>
	<!-- /#featured -->
	<section id="content" class="body">
		<article class="hentry">
			<form class="entry-content" id="login" action="Javascript: identify()">
				<label>Code d'Access : </label> 
				<!-- qRH[0-9]{3}T[0-2][0-3][0-5][0-9] -->
				<input id="accessCode" type="text" name="accessCode" 
				placeholder="qRH(000-999)T(00-23)(00-59)" required autofocus />
				<input type="submit" value="Se connecter" class="button" />
			</form>
		</article>
	</section>
	<!-- /#content -->

	<!-- /#extras -->
	<footer id="contentinfo">
		<address id="about" class="vcard body">
			<span class="primary"> <strong><a href="#"
					class="fn url">Groupe Open</a>
			</strong> <span class="role">SUD EST OPEN (LYON)</span> </span>
			<!-- /.primary -->
			<span class="bio"><strong>qRH-Admin</strong> est une application permettant d'administrer le
				questionnaire RH pour la pré-qualification technique des candidats à
				l'embauche.</span>
		</address>
		<!-- /#about -->
		
	</footer>
	<!-- /#contentinfo -->
	</div>
</body>
</html>